<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>

<apes-content>
  <apes-card [apesBordered]="false">
    <!-- 查询条件(固定) -->
    <div class="apes-data-kanban-transfer">

      <div apes-col [apesMd]="24">
        <div apes-form-item apes-row class="apes-item" style="padding: 16px;">
          <formly-form [model]="model" [fields]="field" [options]="options" [form]="form"></formly-form>

        </div>
      </div>

    </div>

    <!-- 显示内容 -->
    <div apes-row apesGutter="24" apesSpan="16">

      <!-- 左侧 数据展示 -->
      <div>
        <ag-grid-angular #grid
                         style="width: 100%;margin-bottom:16px;min-height: 300px;"
                         [ngStyle]="{ height: height }"
                         class="ag-theme-balham"
                         [enableColResize]="true"
                         [suppressLoadingOverlay]="true"
                         [suppressRowClickSelection]="true"
                         [rowSelection]="'multiple'"
                         [rowData]="rowData"
                         [frameworkComponents]="frameworkComponents"
                         (gridReady)="onGridReady($event)"
                         (selectionChanged)="onSelectionChanged($event)"
                         [gridOptions]="gridOptions"
                         [columnDefs]="columnDefs">
        </ag-grid-angular>
      </div>
    </div>

  </apes-card>
</apes-content>
